<template>
  <div class="toubiao_box">
    <div class="table_item" v-if="!dialogFormVisible">
      <el-table :data="tableData">
        <el-table-column type="index" width="80">
          <template slot-scope="scope">
            <img src="../assets/images/u19.png" alt="">
          </template>
        </el-table-column>
        <el-table-column prop="name" label="标的发布名字">
        </el-table-column>
        <el-table-column prop="date" label="发布时间" width="180">
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>
<script>
export default {
  name: 'UserUser',
  data() {
    return {
      dialogFormVisible: false,
      formLabelWidth: '120px',
      tableData: [
        {
          date: '2024-12-31',
          name: '2024年财政推进乡村振兴衔接资金项目',
          type: 3
        },
        {
          date: '2024-12-31',
          name: '雁江区丹山镇镇集体经济组织',
          status: '报名成功',
          type: 3
        },
        {
          date: '2024-12-31',
          name: '张店区湖田街道良乡社区物流专线一区、零担停车场混凝土路面白加黑沥青摊铺工程施工项目',
          status: '报名成功',
          type: 3
        }, {
          date: '2024-12-31',
          name: '张店区湖田街道良乡社区物流专线一区、零担停车场混凝土路面白加黑沥青摊铺工程施工项目',
          status: '报名成功',
          type: 3
        }, {
          date: '2024-12-31',
          name: '张店区湖田街道良乡社区物流专线一区、零担停车场混凝土路面白加黑沥青摊铺工程施工项目',
          status: '已报名',
          type: 1
        }, {
          date: '2024-12-31',
          name: '张店区湖田街道良乡社区物流专线一区、零担停车场混凝土路面白加黑沥青摊铺工程施工项目',
          status: '已报名',
          type: 1
        }, {
          date: '2024-12-31',
          name: '张店区湖田街道良乡社区物流专线一区、零担停车场混凝土路面白加黑沥青摊铺工程施工项目',
          status: '已报名',
          type: 1
        }, {
          date: '2024-12-31',
          name: '张店区湖田街道良乡社区物流专线一区、零担停车场混凝土路面白加黑沥青摊铺工程施工项目',
          status: '已报名',
          type: 1
        }, {
          date: '2024-12-31',
          name: '张店区湖田街道良乡社区物流专线一区、零担停车场混凝土路面白加黑沥青摊铺工程施工项目',
          status: '已报名',
          type: 1
        }, {
          date: '2024-12-31',
          name: '张店区湖田街道良乡社区物流专线一区、零担停车场混凝土路面白加黑沥青摊铺工程施工项目',
          status: '未报名',
          type: 2
        }, {
          date: '2024-12-31',
          name: '张店区湖田街道良乡社区物流专线一区、零担停车场混凝土路面白加黑沥青摊铺工程施工项目',
          status: '未报名',
          type: 2
        }, {
          date: '2024-12-31',
          name: '张店区湖田街道良乡社区物流专线一区、零担停车场混凝土路面白加黑沥青摊铺工程施工项目',
          status: '未报名',
          type: 2
        },
      ],
    }
  },
  methods: {
    backList() {
      this.dialogFormVisible = false
    },
    submitPush(res) {
      this.dialogFormVisible = res.type
    }
  }
}
</script>

<style lang="less" scoped>
.toubiao_box {
  width: 90%;
  height: 90%;
  margin-top: 20px;
  margin-left: 30px;

  .qiInfo {
    width: 70%;
    height: 100%;
  }

  /deep/ .el-form input {
    width: 300px;

  }

  .el-form-item {
    margin-bottom: 10px;
  }

  /deep/ .el-button--primary {
    background-color: #00e6b7;
    border: none;
  }

  /deep/ .qiye_chenter .qiyeinfo[data-v-46d3ecb9] .el-button--primary {
    background-color: #00e6b7;
  }

  /deep/ .el-tag {
    background-color: #00e6b7;
    border-color: #00e6b7;
    color: #fff;
  }

  .table_item {
    position: relative;
    width: 80%;
    height: 100%;
    padding: 20px;
    border-radius: 10px;
    background: #fff;
    .cor2 {
      color: #7e7e7e;
    }

    .cor1 {
      color: #00e6b7;
    }

    .cor3 {
      color: #ffa31a;
    }

    .push {
      color: #00e6b7;
      cursor: pointer;
    }

    .backuseList {
      height: 30px;
      font-size: 20px;
      color: #00e6b7;

    }
  }
}
</style>